<template>
    <div class="top-cpn">
        <div class="topImg"><img src="https://www.iamwawa.cn/Public/img/logo.png" alt="" /></div>
        <p @click="out">退出</p>
    </div>
</template>

<script>
export default {
    methods: {
        out() {
            this.$router.push('/login');
        }
    }
};
</script>

<style lang="scss" scoped>
.top-cpn {
    width: 100%;
    height: 80px;
    display: flex;
    background-color: #333333;
    justify-content: space-between;
    align-items: center;
    .topImg {
        margin-left: 15px;
    }
    p {
        margin-right: 15px;
        color: #fff;
        cursor: pointer;
    }
    p:hover{
        color:#4caf50;;
    }
}
</style>
